.banner-services {
	height: 457px;
}
.light-em {
	color: rgb(0, 102, 204); font-size: 16px;
}
.light-entrance {
	margin: 30px 0px 50px;
}
.light-banner-box {
	margin: 0px auto; width: 990px; height: 425px;
}
.light-banner-btn {
	margin: 239px 0px 0px 21px; width: 216px; height: 58px; display: block;
}
.section-header {
	line-height: 20px; padding-bottom: 10px; display: table-cell;
}
.section-todo {
	background: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); zoom: 1;
}
.light-entrance .section {
	padding: 30px 10px; margin-bottom: 30px;
}

.img-profile-1 {
	background-position: 0px -212px;
}
.img-profile-2 {
	background-position: -142px -212px;
}
.img-profile-3 {
	background-position: -294px -212px;
}
.intro-list [class^='ico'] {
	width: 47px; height: 45px; display: inline-block; background-image: url("http://apps.bdimg.com/developer/static/06191156/developer3/images/v4/light_index_icons.png");
}
.ico-submit-light {
	background-position: -333px -61px;
}
.ico-create-light {
	background-position: -172px -64px;
}
.ico-transform-light {
	background-position: -224px -62px;
}
.ico-develop-light {
	background-position: -280px -64px;
}
.light-right-btn {
	border: 1px solid rgb(238, 238, 238); width: 150px; height: 35px; margin-top: -19px; float: right; cursor: pointer; background-color: rgb(255, 255, 255);
}
.light-right-btn .light-video-icon {
	background: url("http://apps.bdimg.com/developer/static/06191156/developer3/images/v4/light_index_icons.png") no-repeat -174px -135px; margin: 0px 7px; width: 25px; height: 35px; float: left;
}
.light-right-btn .light-doc-icon {
	background: url("http://apps.bdimg.com/developer/static/06191156/developer3/images/v4/light_index_icons.png") no-repeat -214px -135px; margin: 0px 7px; width: 25px; height: 35px; float: left;
}
.light-right-btn span {
	color: rgb(102, 102, 102); line-height: 35px; font-family: "Microsoft YaHei",΢ÈíÑźÚ; font-size: 14px;
}
.light-right-btn a:hover {
	text-decoration: none;
}
.arrow-box {
	width: 30px; height: 50px; margin-top: 40px; cursor: pointer; background-image: url("http://apps.bdimg.com/developer/static/06191156/developer3/images/v4/light_index_icons.png");
}
.left-arrow {
	background-position: -12px -11px;
}
.left-arrow:hover {
	background-position: -12px -63px;
}
.right-arrow {
	background-position: -61px -11px;
}
.right-arrow:hover {
	background-position: -61px -63px;
}
.case-container {
	width: 900px; overflow: hidden;
}
.case-list {
	margin-top: 30px;
}
.case-list .section {
	padding: 30px 10px; margin-bottom: 30px; position: relative;
}
.case-list ul {
	left: 0px; width: 5000px; position: relative;
}
.case-list li {
	vertical-align: top; position: relative;
}
.case-list .item-logo {
	margin: 0px 20px 10px 0px; border-radius: 12px; width: 72px; height: 72px; float: left; display: block;
}
.case-list b {
	font-weight: bold;
}
.case-list .case-sub-title {
	color: rgb(153, 153, 153); display: block;
}
.case-list .case-desc {
	margin-left: 92px;
}
.case-list .mobile {
	border: 0px currentColor; padding-top: 0px;
}
.case-list .mobile li {
	margin: 30px 30px 0px 0px; width: 100px; height: 110px; text-align: center; font-size: 13px; float: left;
}
.case-list .mobile li img {
	margin: 0px auto 10px; width: 72px; height: 72px; display: block;
}
.case-list a {
	color: rgb(51, 51, 51);
}
.case-title {
	color: rgb(51, 51, 51);
}
.case-desc {
	height: 85px; overflow: hidden; word-break: break-all; word-wrap: break-word;
}
.case-list .item-qrcode-small {
	border: 1px solid rgb(221, 221, 221); top: 0px; width: 30px; height: 30px; right: 30px; position: absolute; cursor: pointer;
}
.case-list .item-qrcode-small img {
	width: 30px; height: 30px;
}
.qrcode-box {
	padding: 20px; border: 1px solid rgb(221, 221, 221); top: 73px; display: none; position: absolute; box-shadow: 0px 1px 3px rgba(0,0,0,0.2); background-color: rgb(255, 255, 255);
}
.qrcode-box .qrcode-large {
	width: 100px; height: 100px; margin-right: 20px; float: left;
}
.qrcode-box b {
	width: 120px; font-weight: bold; display: block;
}
.qrcode-box .triangle {
	border-width: 7px; border-style: dashed dashed solid; border-color: transparent transparent rgb(221, 221, 221); top: 0px; width: 0px; height: 0px; right: 10px; line-height: 0; font-size: 0px; margin-top: -14px; display: block; position: absolute;
}
.qrcode-box .inner-triangle {
	border-width: 7px; border-style: dashed dashed solid; border-color: transparent transparent rgb(255, 255, 255); margin: -5px 0px 0px -7px; width: 0px; height: 0px; line-height: 0; font-size: 0px; display: block;
}
.media-play-content {
	margin: 0px auto; width: 990px; height: 0px; text-align: left; overflow: visible; display: block; position: relative;
}
.media-play-btn {
	background: url("http://apps.bdimg.com/developer/static/06191156/developer3/images/v4/play_btn_bg.png") repeat-x; padding: 0px 30px; border: 0px currentColor; left: 0px; width: 180px; height: 43px; bottom: 0px; color: rgb(255, 255, 255); overflow: hidden; font-size: 18px; position: absolute; cursor: pointer; -webkit-animation: move2top 1s 0s 1 ease; -moz-animation: move2top 1s 0s 1 ease; -ms-animation: move2top 1s 0s 1 ease; -o-animation: move2top 1s 0s 1 ease; animation: move2top 1s 0s 1 ease;
}
.media-play-btn .ico {
	background: url("http://apps.bdimg.com/developer/static/06191156/developer3/images/v4/icon_play.png") no-repeat 0px 0px; width: 24px; height: 24px; margin-right: 10px; vertical-align: middle; display: inline-block;
}
.carousel {
	position: relative; min-height: 100px; min-width: 990px;
}
.carousel-scenes {
	background-position: bottom; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 10; background-repeat: no-repeat;
}
.fade-in {
	opacity: 1; -webkit-transition: opacity 1s ease 0; -moz-transition: opacity 1s ease 0; -ms-transition: opacity 1s ease 0; -o-transition: opacity 1s ease 0; transition: opacity 1s ease 0;
}
.fade-out {
	display: none; opacity: 0;
}
.fade-out.carousel-scenes {
	z-index: 9;
}
.has-link {
	cursor: pointer;
}
.carousel-controls {
	left: 0px; width: 100%; height: 40px; text-align: center; bottom: 0px; font-size: 0px; position: absolute; z-index: 20;
}
.carousel-controls .item {
	background: url("../images/normal_bg.png") no-repeat; width: 16px; height: 17px;
}
.carousel-controls .item-selected {
	background: url("../images/normal_bg.png") no-repeat; width: 16px; height: 17px;
}
.carousel-controls .item {
	background-position: -249px -51px; margin: 6px 8px 0px; display: inline-block; cursor: pointer;
}
.carousel-controls .current {
	filter: alpha(opacity=0); opacity: 0;
}
.carousel-controls .item:hover {
	background-position: -216px -51px;
}
.carousel-controls .item-selected {
	background-position: -182px -51px; left: 50%; top: 6px; position: absolute; -webkit-transition: all 0.5s ease 0; -moz-transition: all 0.5s ease 0; -ms-transition: all 0.5s ease 0; -o-transition: all 0.5s ease 0; transition: all 0.5s ease 0;
}
.carousel-controls-prev {
	background: url("../images/normal_bg.png") no-repeat; top: 50%; width: 27px; height: 84px; margin-top: -42px; display: none; position: absolute; z-index: 30; cursor: pointer;
}
.carousel-controls-next {
	background: url("../images/normal_bg.png") no-repeat; top: 50%; width: 27px; height: 84px; margin-top: -42px; display: none; position: absolute; z-index: 30; cursor: pointer;
}
.carousel-controls-prev {
	background-position: 0px -59px; left: 100px;
}
.in-widget.carousel-controls-prev {
	left: -50px;
}
.carousel-controls-prev:hover {
	background-position: -33px -59px;
}
.carousel-controls-next {
	background-position: -88px -59px; right: 100px;
}
.in-widget.carousel-controls-next {
	right: -50px;
}
.carousel-controls-next:hover {
	background-position: -119px -59px;
}
.index-banner {
	height: 500px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 3px; border-bottom-style: solid; min-width: 990px; background-color: rgb(255, 255, 255);
}
.index-banner-content {
	margin: 0px auto; width: 990px; height: 500px; position: relative;
}
.index-banner .carousel-controls {
	left: 0px; height: 3px; bottom: -3px; position: absolute; z-index: 5;
}
.index-banner .carousel-controls-prev {
	background-position: -340px -59px;
}
.index-banner .carousel-controls-prev:hover {
	background-position: -373px -59px;
}
.index-banner .carousel-controls-next {
	background-position: -430px -59px;
}
.index-banner .carousel-controls-next:hover {
	background-position: -461px -59px;
}
.index-banner .carousel-controls .item {
	margin: 0px; vertical-align: top;
}
.index-banner .carousel-controls .item-selected {
	margin: 0px; vertical-align: top;
}
.index-banner .carousel-controls .item {
	background: rgb(238, 238, 238); height: 3px; overflow: hidden;
}
.index-banner .carousel-controls .item-selected {
	background: rgb(221, 221, 221); border-radius: 3px; top: -2px; height: 5px;
}
.index-banner .carousel-scenes {
	z-index: 4;
}
.banner-cloud {
	position: absolute; -webkit-transition: all 1s ease 0; -moz-transition: all 1s ease 0; -ms-transition: all 1s ease 0; -o-transition: all 1s ease 0; transition: all 1s ease 0;
}
.banner-slogan {
	position: absolute; -webkit-transition: all 1s ease 0; -moz-transition: all 1s ease 0; -ms-transition: all 1s ease 0; -o-transition: all 1s ease 0; transition: all 1s ease 0;
}

.next.banner-btn {
	top: 300px; height: 80px;
}
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	position: absolute !important; cliptop: 1px; clipright: 1px; clipbottom: 1px; clipleft: 1px;
}
.ui-helper-reset {
	list-style: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; line-height: 1.3; font-size: 100%; text-decoration: none;
}
.ui-helper-clearfix::before {
	display: table; content: "";
}
.ui-helper-clearfix::after {
	display: table; content: "";
}
.ui-helper-clearfix::after {
	clear: both;
}
.ui-helper-clearfix {
	zoom: 1;
}
.ui-helper-zfix {
	left: 0px; top: 0px; width: 100%; height: 100%; filter: Alpha(Opacity=0); position: absolute; opacity: 0;
}
.ui-state-disabled {
	cursor: default !important;
}
.ui-icon {
	text-indent: -99999px; overflow: hidden; display: block; background-repeat: no-repeat;
}
.ui-widget-overlay {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input {
	font-size: 1em;
}
.ui-widget select {
	font-size: 1em;
}
.ui-widget textarea {
	font-size: 1em;
}
.ui-widget button {
	font-size: 1em;
}
.ui-widget-content {
	color: rgb(51, 51, 51);
}
.ui-widget-content a {
	color: rgb(51, 51, 51);
}
.ui-widget-header {
	background: rgb(255, 255, 255); color: rgb(67, 67, 67); font-weight: bold;
}
.ui-widget-header a {
	color: rgb(255, 255, 255);
}
.ui-state-default {
	border: 1px solid rgb(47, 91, 183); color: rgb(255, 255, 255); background-repeat: repeat-x; background-color: rgb(59, 133, 255);
}
.ui-widget-content .ui-state-default {
	border: 1px solid rgb(47, 91, 183); color: rgb(255, 255, 255); background-repeat: repeat-x; background-color: rgb(59, 133, 255);
}
.ui-widget-header .ui-state-default {
	border: 1px solid rgb(47, 91, 183); color: rgb(255, 255, 255); background-repeat: repeat-x; background-color: rgb(59, 133, 255);
}
.ui-state-default:hover {
	background: rgb(96, 154, 250);
}
.ui-state-default a {
	color: rgb(28, 148, 196); text-decoration: none;
}
.ui-state-default a:link {
	color: rgb(28, 148, 196); text-decoration: none;
}
.ui-state-default a:visited {
	color: rgb(28, 148, 196); text-decoration: none;
}
.ui-state-hover {
	
}
.ui-widget-content .ui-state-hover {
	
}
.ui-widget-header .ui-state-hover {
	
}
.ui-state-focus {
	
}
.ui-widget-content .ui-state-focus {
	
}
.ui-widget-header .ui-state-focus {
	
}
.ui-state-hover a {
	color: rgb(199, 116, 5); text-decoration: none;
}
.ui-state-hover a:hover {
	color: rgb(199, 116, 5); text-decoration: none;
}
.ui-state-active {
	
}
.ui-widget-content .ui-state-active {
	
}
.ui-widget-header .ui-state-active {
	
}
.ui-state-active a {
	color: rgb(235, 143, 0); text-decoration: none;
}
.ui-state-active a:link {
	color: rgb(235, 143, 0); text-decoration: none;
}
.ui-state-active a:visited {
	color: rgb(235, 143, 0); text-decoration: none;
}
.ui-widget :active {
	
}
.cancel-button.ui-state-default {
	background: rgb(245, 245, 245); border: 1px solid rgb(198, 198, 198); color: rgb(51, 51, 51);
}
.cancel-button.ui-state-default:hover {
	background: rgb(255, 255, 255);
}